*{margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#a{display: block;background-color: gray;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,th,td,p,pre,form,input,textarea{padding: 0;margin: 0;}
table{border-collapse: collapse;border-spacing: 0;}
ol,ul{list-style:none;}
img{border:0 none;display:block;}
a{outline: none;outline:none;text-decoration: none;}
a:focus{outline:none;-moz-outline:none;}
em,strong{font-weight: normal;font-style: normal;}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.clearfix {
    clear: both;
}
html,body{font: 14px/20px "5B8B4F53";height: 100%;overflow:hidden;background:#01420d url(../images/bg.jpg?v=1) no-repeat center center;background-size: 100% 100%;}
.wrap{background: url(../images/inputTxt.png) no-repeat center top;background-size:100% auto;width: 266px;height:307px;position: absolute;left: 50%;top: 50%;margin: -153px 0 0 -128px;}
.w_txt,.w_btn{border: 0 none;background:0 none;width: 200px;height: 40px;position: absolute;top: 168px;left: 50%;margin-left: -100px;text-indent: 8px;}
.w_btn{display: block;top: 225px;height: 60px;}

.startImg,.ruleImg{width: 100%;height:100%;position: absolute;left: 0;top:0;z-index: 1}
.startLink,.rulesLink{width: 100%;height:100%;position: absolute;left: 0;top:0;z-index: 2}
.startLink a,.rulesLink a{display:block;width: 100%;height:100%;text-indent: -99999em;}
.startLink li{display: block;height: 25%;}
.rulesLink li{display: block;height: 10%;color: #cffdb2;}
.startLink li:first-child{height: 75%;}
.rulesLink li:first-child{height: 69%;padding: 75% 18% 0;}
.rulesLink li:last-child{height: 10%;text-align: center; color: #ffff00;padding-top: 5%}
#rules li{display: block;color:#cffdb2}
#rules a {display:block;color:#fff;background:#ec0048;border-radius:4px;text-align:center;width:50%;padding:10px 0;margin: 20px auto 0;font-size:18px;}

.friendsPage {
	overflow: auto;
	background:#fdffd3 url(../images/fbg.jpg) no-repeat center top;
	background-size: 100% auto;
}
.friendsPage img.IMG_W {width: 100%}
.friendsPage img.IMG_A {width: 100%}
.friends-list {
	padding:20px;
	background-color: #feface;
}
.friends-list table{width: 100%;}
.friends-list td.a{width: 20%;padding:0 0 10px 0;position: relative;}
.friends-list td.aa{padding: 5px 10px;}
.friends-list td.aaa{text-align: right;padding: 5px;}
.friends-list td.aa em,
.friends-list td.aaa p{color: #fe6000}
.friends-list td.a img.IMG_W {width: 100%;position: absolute;left:0;top:0;z-index: 2;}
.friends-list td.a img.IMG_AA {width: 100%;}
.f-body {padding:10px 0;background: url(../images/f-body.png) repeat-y center top;background-size:100% auto;}
.f-body dl{margin:0 14%;}
.f-body dt{width: 35%;float: left;position: relative}
.f-body dd{padding:0 0 0 40%;}
.f-body img.IMG_W {width: 100%;position: absolute;left:0;top:0;z-index: 2;}
.f-body img.IMG_A {width: 100%;}
.f-body h2{color: #c5fca6;font-size: 14px;text-shadow: #000000 0 1px 0;}
.f-body h3{color: #ffff00;font-size: 26px;text-shadow: #000000 0 1px 0;padding: 5px 0;}
.f-btn {position: relative;}
.f-btn ul{position: absolute;width: 100%;height: 100%;left:0;top:0}
.f-btn li{width: 50%;height:100%;float: left;}
.f-btn a{display: block;height: 100%;text-indent: -99999em;overflow: hidden}
.f-bottom{position: relative}
.f-bottom span{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 15px;
	text-align: center;
	color: #cffdb2;
	text-shadow: #000000 0 1px 0;
}
.f-board{position: relative}
.f-board span{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 15px;
	text-align: center;
	color: #ffff00;
	text-shadow: #000000 0 1px 0;
}
#invite-friends {display:none;position:absolute;width:100%;height:100%;background: rgba(0,0,0,.8) url(../images/D1.png) no-repeat center 20px;background-size:80% auto;left:0;top: 0;z-index:999}
#rules {overflow: auto;display:none;position:absolute;width:100%;height:100%;background: rgba(0,0,0,.8);background-size:80% auto;left:0;top: 0;z-index:999;padding: 20px;}
.friends-list tr {height: 80px;}
.friends-list td {vertical-align: top;}